<!doctype html>  
<html>  
<head>  
    <meta charset="UTF-8">  
    <title>凯拿资产</title>
    <link rel="shortcut icon" href="images/logo.ico" type="image/x-icon" />
    <link rel="stylesheet" type="text/css" href="css/style.css">
    <script type="text/javascript" src="js/jquery-1.10.1.min.js"></script>
    <script type="text/javascript" src="js/public.js"></script>
    <script type="text/javascript" src="http://api.map.baidu.com/api?key=&v=1.1&services=true"></script>
    <!--引用百度地图API-->
    <style type="text/css">
        html,body{margin:0;padding:0;}
        .iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
        .iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}
    </style>
</head>  
<body>
    <!-- 头部导航 -->
    <div class="header">
        <div class="center">
            <a class="header-logo" href="index.html">
            </a>
            <ul class="header-navbar">
                <div class="active-box posi5"></div>
                <li class="header-navbar-item">
                    <a href="index.html">首页</a>
                </li>
                <li class="header-navbar-item">
                    <a href="gsfz.html">关于凯拿</a>
                    <ul class="subnav">
                        <li><a href="gsfz.html">公司发展</a></li>
                        <li><a href="qywh.html">企业文化</a></li>
                        <li><a href="gltdjs.html">管理团队介绍</a></li>
                        <li><a href="zzjg.html">组织构架</a></li>
                    </ul>
                </li>
                <li class="header-navbar-item">
                    <a href="">产品介绍</a>
                    <ul class="subnav">
                        <li><a href="jkd.html">金快递</a></li>
                        <li><a href="jky.html">金快运</a></li>
                        <li><a href="xlb.html">信旅宝</a></li>
                        <li><a href="ctbl.html">传统保理</a></li>
                    </ul>
                </li>
                <li class="header-navbar-item">
                    <i class="hot"></i>
                    <a href="hyxw.html">最新动态</a>
                    <ul class="subnav">
                        <li><a href="hyxw.html">行业新闻</a></li>
                        <li><a href="yjbg.html">研究报告</a></li>
                        <li><a href="hdtg.html">活动推广</a></li>
                    </ul>
                </li>
                <li class="header-navbar-item current index">
                    <a href="">联系我们</a>
                    <ul class="subnav">
                        <li><a href="app.html">APP&公众号</a></li>
                        <li><a href="bgdd.html">办公地点</a></li>
                
                    </ul>
                </li>
                <div class="clear"></div>
            </ul>
            <div class="clear"></div>
        </div>
    </div>

    <!-- banner -->
    <div class="page-banner">
<!--         <div class="center">
            <div class="page-banner-title">关于凯拿</div>
        </div> -->
    </div>

    <!-- 公司发展 -->
    <div class="bgdd page-container">
        <div class="center">
            <div class="content">
                <div class="sidebar">
                    <ul>
                        <li class="sidebar-item sidebar-title">
                            <a href="app.html">联系我们</a>
                        </li>
                        <li class="sidebar-item">
                            <a href="app.html">APP&公众号</a>
                        </li>
                        <li class="sidebar-item current-type">
                            <a href="bgdd.html">办公地点</a>
                        </li>
                        <li class="sidebar-item">
                            <a href="jrwm.html">加入我们</a>
                        </li>
                    </ul>
                </div>
                <div class="right-content">
                    <div class="top-title">
                        <p>办公地点</p>
                        <div class="crumb">
                            <a href="index.html">首页</a>>
                            <a href="app.html">联系我们</a>>
                            <a href="bgdd.html">办公地点</a>
                        </div>
                    </div>
                    <div class="contact-box">
                        <img src="images/libaogc.jpg" class="gs-pic">
                        <div class="contact-info">
                            <p>
                                <span>办公地址：</span>
                            上海市黄浦区淮海中路222号 力宝广场801
                            </p>
                            <p>
                                <span>联系电话：</span>
                            021-53866655
                            </p>
                            <p>
                                <span>邮箱：</span>
                            xyd@canacorp.net
                            </p>
                        </div>
                    </div>
                    <!--百度地图容器-->
                      <div style="width:100%;height:550px;" id="dituContent">
                          
                      </div>
                </div>
            </div>
        </div>
    </div>

    <!-- 底部 -->
    <div class="footer">
        <div class="center">
            <ul class="footer-navbar">
                <li class="first"><a href="gsfz.html">关于凯拿</a></li>
                <li><a href="gsfz.html">公司发展</a></li>
                <li><a href="qywh.html">公司文化</a></li>
                <li><a href="gltdjs.html">管理团队介绍</a></li>
                <li><a href="zzjg.html">组织架构</a></li>
            </ul>
            <ul class="footer-navbar">
                <li class="first"><a href="">产品介绍</a></li>
                <li><a href="jkd.html">金快递</a></li>
                <li><a href="jky.html">金快运</a></li>
                <li><a href="xlb.html">信旅宝</a></li>
                        <li><a href="ctbl.html">传统保理</a></li>
            </ul>
            <ul class="footer-navbar">
                <li class="first"><a href="hyxw.html">最新动态</a></li>
                <li><a href="hyxw.html">行业新闻</a></li>
                <li><a href="yjbg.html">研究报告</a></li>
                <li><a href="hdtg.html">活动推广</a></li>
            </ul>
            <ul class="footer-navbar">
                <li class="first"><a href="app.html">联系我们</a></li>
                <li><a href="app.html">APP&公众号</a></li>
                <li><a href="bgdd.html">办公地点</a></li>
                
            </ul>
            <div class="footer-erweima">
                <p class="first"><a href="app.html">APP</a></p>
                <img src="images/apperweima.png">
            </div>
            <div class="footer-erweima">
                <p class="first"><a href="app.html">公众号</a></p>
                <img src="images/gzherweima.png">
            </div>
            <div class="clear"></div>
            <img src="images/logo.png" class="footer-logo">
            <div class="copyright">© Copyright 上海凯拿资产管理有限公司 All Rights Reserved 备案号：ICP备8888号</div>
        </div>
    </div>
    <div class="gotop"></div>
    <script type="text/javascript">
        $(function(){

            //创建和初始化地图函数：
    function initMap(){
        createMap();//创建地图
        setMapEvent();//设置地图事件
        addMapControl();//向地图添加控件
        addMarker();//向地图中添加marker
    }
    
    //创建地图函数：
    function createMap(){
         var map = new BMap.Map("dituContent");//在百度地图容器中创建一个地图
        var point = new BMap.Point(121.482694,31.229853);//定义一个中心点坐标
        map.centerAndZoom(point,18);//设定地图的中心点和坐标并将地图显示在地图容器中
        window.map = map;//将map变量存储在全局
    }
    
    //地图事件设置函数：
    function setMapEvent(){
        map.enableDragging();//启用地图拖拽事件，默认启用(可不写)
        map.enableScrollWheelZoom();//启用地图滚轮放大缩小
        map.enableDoubleClickZoom();//启用鼠标双击放大，默认启用(可不写)
        map.enableKeyboard();//启用键盘上下左右键移动地图
    }
    
    //地图控件添加函数：
    function addMapControl(){
                        }
    
    //标注点数组
    var markerArr = [{title:"上海凯拿资产管理有限公司",content:"上海市黄浦区淮海中路222号&nbsp;力宝广场801",point:"121.482277|31.230077",isOpen:1,icon:{w:23,h:25,l:0,t:21,x:9,lb:12}}
         ];
    //创建marker
    function addMarker(){
        for(var i=0;i<markerArr.length;i++){
            var json = markerArr[i];
            var p0 = json.point.split("|")[0];
            var p1 = json.point.split("|")[1];
            var point = new BMap.Point(p0,p1);
            var iconImg = createIcon(json.icon);
            var marker = new BMap.Marker(point,{icon:iconImg});
            var iw = createInfoWindow(i);
            var label = new BMap.Label(json.title,{"offset":new BMap.Size(json.icon.lb-json.icon.x+10,-20)});
            marker.setLabel(label);
            map.addOverlay(marker);
            label.setStyle({
                        borderColor:"#808080",
                        color:"#333",
                        cursor:"pointer"
            });
            
            (function(){
                var index = i;
                var _iw = createInfoWindow(i);
                var _marker = marker;
                _marker.addEventListener("click",function(){
                    this.openInfoWindow(_iw);
                });
                _iw.addEventListener("open",function(){
                    _marker.getLabel().hide();
                })
                _iw.addEventListener("close",function(){
                    _marker.getLabel().show();
                })
                label.addEventListener("click",function(){
                    _marker.openInfoWindow(_iw);
                })
                if(!!json.isOpen){
                    label.hide();
                    _marker.openInfoWindow(_iw);
                }
            })()
        }
    }
    //创建InfoWindow
    function createInfoWindow(i){
        var json = markerArr[i];
        var iw = new BMap.InfoWindow("<b class='iw_poi_title' title='" + json.title + "'>" + json.title + "</b><div class='iw_poi_content'>"+json.content+"</div>");
        return iw;
    }
    //创建一个Icon
    function createIcon(json){
        var icon = new BMap.Icon("http://api.map.baidu.com/lbsapi/creatmap/images/us_mk_icon.png", new BMap.Size(json.w,json.h),{imageOffset: new BMap.Size(-json.l,-json.t),infoWindowOffset:new BMap.Size(json.lb+5,1),offset:new BMap.Size(json.x,json.h)})
        return icon;
    }
    
    initMap();//创建和初始化地图
        })
    </script>
</body>  
</html> 